<template>
  <div class="container">
    <el-button @click="getData">获取数据</el-button>
    <index ref="flow" :process-data="data" :tag-list="tagList" :user-list="userList" :flow-permission="data.useScope">
    </index>
  </div>
</template>
<script setup>
import {ref} from "vue";

import index from "./index.vue"
const flow = ref(null)

const data = ref(
    {
      "formJson": {
        "widgetList": [
          {
            "key": 77160,
            "type": "input",
            "icon": "text-field",
            "formItemFlag": true,
            "options": {
              "name": "name",
              "label": "姓名",
              "labelAlign": "",
              "type": "text",
              "defaultValue": "",
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "showPassword": false,
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "minLength": null,
              "maxLength": null,
              "showWordLimit": false,
              "prefixIcon": "",
              "suffixIcon": "",
              "appendButton": false,
              "appendButtonDisabled": false,
              "buttonIcon": "custom-search",
              "onCreated": "",
              "onMounted": "",
              "onInput": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": "",
              "onAppendButtonClick": ""
            },
            "id": "input88243"
          },
          {
            "key": 93309,
            "type": "date-range",
            "icon": "date-range-field",
            "formItemFlag": true,
            "options": {
              "name": "date",
              "label": "请假日期",
              "labelAlign": "",
              "type": "datetimerange",
              "defaultValue": null,
              "startPlaceholder": "",
              "endPlaceholder": "",
              "columnWidth": "200px",
              "size": "",
              "autoFullWidth": true,
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "editable": false,
              "format": "YYYY-MM-DD HH:mm:ss",
              "valueFormat": "YYYY-MM-DD HH:mm:ss",
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "daterange92292"
          },
          {
            "key": 28304,
            "type": "textarea",
            "icon": "textarea-field",
            "formItemFlag": true,
            "options": {
              "name": "reason",
              "label": "请假事由",
              "labelAlign": "",
              "rows": 3,
              "defaultValue": "",
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "minLength": null,
              "maxLength": null,
              "showWordLimit": false,
              "onCreated": "",
              "onMounted": "",
              "onInput": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "textarea108580"
          },
          {
            "key": 70377,
            "type": "number",
            "icon": "number-field",
            "formItemFlag": true,
            "options": {
              "name": "number76781",
              "label": "计数器",
              "labelAlign": "",
              "defaultValue": 0,
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "min": -100000000000,
              "max": 100000000000,
              "precision": 0,
              "step": 1,
              "controlsPosition": "right",
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "number76781"
          },
          {
            "key": 70826,
            "type": "radio",
            "icon": "radio-field",
            "formItemFlag": true,
            "options": {
              "name": "radio89829",
              "label": "单选",
              "labelAlign": "",
              "defaultValue": null,
              "columnWidth": "200px",
              "size": "",
              "displayStyle": "inline",
              "buttonStyle": false,
              "border": false,
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "optionItems": [
                {
                  "label": "radio 1",
                  "value": 1
                },
                {
                  "label": "radio 2",
                  "value": 2
                },
                {
                  "label": "radio 3",
                  "value": 3
                }
              ],
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onValidate": ""
            },
            "id": "radio89829"
          },
          {
            "key": 26407,
            "type": "checkbox",
            "icon": "checkbox-field",
            "formItemFlag": true,
            "options": {
              "name": "checkbox101425",
              "label": "多选",
              "labelAlign": "",
              "defaultValue": [],
              "columnWidth": "200px",
              "size": "",
              "displayStyle": "inline",
              "buttonStyle": false,
              "border": false,
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "optionItems": [
                {
                  "label": "check 1",
                  "value": 1
                },
                {
                  "label": "check 2",
                  "value": 2
                },
                {
                  "label": "check 3",
                  "value": 3
                }
              ],
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onValidate": ""
            },
            "id": "checkbox101425"
          },
          {
            "key": 26873,
            "type": "select",
            "icon": "select-field",
            "formItemFlag": true,
            "options": {
              "name": "select25636",
              "label": "下拉",
              "labelAlign": "",
              "defaultValue": "",
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "filterable": false,
              "allowCreate": false,
              "remote": false,
              "automaticDropdown": false,
              "multiple": false,
              "multipleLimit": 0,
              "optionItems": [
                {
                  "label": "select 1",
                  "value": 1
                },
                {
                  "label": "select 2",
                  "value": 2
                },
                {
                  "label": "select 3",
                  "value": 3
                }
              ],
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onRemoteQuery": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "select25636"
          },
          {
            "key": 83633,
            "type": "time",
            "icon": "time-field",
            "formItemFlag": true,
            "options": {
              "name": "time31953",
              "label": "时间",
              "labelAlign": "",
              "defaultValue": null,
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "autoFullWidth": true,
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "editable": false,
              "format": "HH:mm:ss",
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "time31953"
          }
        ],
        "formConfig": {
          "modelName": "formData",
          "refName": "vForm",
          "rulesName": "rules",
          "labelWidth": 80,
          "labelPosition": "left",
          "size": "",
          "labelAlign": "label-left-align",
          "cssCode": "",
          "customClass": [],
          "functions": "",
          "layoutType": "PC",
          "jsonVersion": 3,
          "onFormCreated": "",
          "onFormMounted": "",
          "onFormDataChange": ""
        }
      },
      "fieldWidgets": [
        {
          "type": "input",
          "name": "name",
          "field": {
            "key": 77160,
            "type": "input",
            "icon": "text-field",
            "formItemFlag": true,
            "options": {
              "name": "name",
              "label": "姓名",
              "labelAlign": "",
              "type": "text",
              "defaultValue": "",
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "showPassword": false,
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "minLength": null,
              "maxLength": null,
              "showWordLimit": false,
              "prefixIcon": "",
              "suffixIcon": "",
              "appendButton": false,
              "appendButtonDisabled": false,
              "buttonIcon": "custom-search",
              "onCreated": "",
              "onMounted": "",
              "onInput": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": "",
              "onAppendButtonClick": ""
            },
            "id": "input88243"
          }
        },
        {
          "type": "date-range",
          "name": "date",
          "field": {
            "key": 93309,
            "type": "date-range",
            "icon": "date-range-field",
            "formItemFlag": true,
            "options": {
              "name": "date",
              "label": "请假日期",
              "labelAlign": "",
              "type": "datetimerange",
              "defaultValue": null,
              "startPlaceholder": "",
              "endPlaceholder": "",
              "columnWidth": "200px",
              "size": "",
              "autoFullWidth": true,
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "editable": false,
              "format": "YYYY-MM-DD HH:mm:ss",
              "valueFormat": "YYYY-MM-DD HH:mm:ss",
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "daterange92292"
          }
        },
        {
          "type": "textarea",
          "name": "reason",
          "field": {
            "key": 28304,
            "type": "textarea",
            "icon": "textarea-field",
            "formItemFlag": true,
            "options": {
              "name": "reason",
              "label": "请假事由",
              "labelAlign": "",
              "rows": 3,
              "defaultValue": "",
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "minLength": null,
              "maxLength": null,
              "showWordLimit": false,
              "onCreated": "",
              "onMounted": "",
              "onInput": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "textarea108580"
          }
        },
        {
          "type": "number",
          "name": "number76781",
          "field": {
            "key": 70377,
            "type": "number",
            "icon": "number-field",
            "formItemFlag": true,
            "options": {
              "name": "number76781",
              "label": "计数器",
              "labelAlign": "",
              "defaultValue": 0,
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": [],
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "min": -100000000000,
              "max": 100000000000,
              "precision": 0,
              "step": 1,
              "controlsPosition": "right",
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "number76781"
          }
        },
        {
          "type": "radio",
          "name": "radio89829",
          "field": {
            "key": 70826,
            "type": "radio",
            "icon": "radio-field",
            "formItemFlag": true,
            "options": {
              "name": "radio89829",
              "label": "单选",
              "labelAlign": "",
              "defaultValue": null,
              "columnWidth": "200px",
              "size": "",
              "displayStyle": "inline",
              "buttonStyle": false,
              "border": false,
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "optionItems": [
                {
                  "label": "radio 1",
                  "value": 1
                },
                {
                  "label": "radio 2",
                  "value": 2
                },
                {
                  "label": "radio 3",
                  "value": 3
                }
              ],
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onValidate": ""
            },
            "id": "radio89829"
          }
        },
        {
          "type": "checkbox",
          "name": "checkbox101425",
          "field": {
            "key": 26407,
            "type": "checkbox",
            "icon": "checkbox-field",
            "formItemFlag": true,
            "options": {
              "name": "checkbox101425",
              "label": "多选",
              "labelAlign": "",
              "defaultValue": [],
              "columnWidth": "200px",
              "size": "",
              "displayStyle": "inline",
              "buttonStyle": false,
              "border": false,
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "optionItems": [
                {
                  "label": "check 1",
                  "value": 1
                },
                {
                  "label": "check 2",
                  "value": 2
                },
                {
                  "label": "check 3",
                  "value": 3
                }
              ],
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onValidate": ""
            },
            "id": "checkbox101425"
          }
        },
        {
          "type": "select",
          "name": "select25636",
          "field": {
            "key": 26873,
            "type": "select",
            "icon": "select-field",
            "formItemFlag": true,
            "options": {
              "name": "select25636",
              "label": "下拉",
              "labelAlign": "",
              "defaultValue": "",
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "labelWidth": null,
              "labelHidden": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "filterable": false,
              "allowCreate": false,
              "remote": false,
              "automaticDropdown": false,
              "multiple": false,
              "multipleLimit": 0,
              "optionItems": [
                {
                  "label": "select 1",
                  "value": 1
                },
                {
                  "label": "select 2",
                  "value": 2
                },
                {
                  "label": "select 3",
                  "value": 3
                }
              ],
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onRemoteQuery": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "select25636"
          }
        },
        {
          "type": "time",
          "name": "time31953",
          "field": {
            "key": 83633,
            "type": "time",
            "icon": "time-field",
            "formItemFlag": true,
            "options": {
              "name": "time31953",
              "label": "时间",
              "labelAlign": "",
              "defaultValue": null,
              "placeholder": "",
              "columnWidth": "200px",
              "size": "",
              "autoFullWidth": true,
              "labelWidth": null,
              "labelHidden": false,
              "readonly": false,
              "disabled": false,
              "hidden": false,
              "clearable": true,
              "editable": false,
              "format": "HH:mm:ss",
              "required": false,
              "requiredHint": "",
              "validation": "",
              "validationHint": "",
              "customClass": "",
              "labelIconClass": null,
              "labelIconPosition": "rear",
              "labelTooltip": null,
              "onCreated": "",
              "onMounted": "",
              "onChange": "",
              "onFocus": "",
              "onBlur": "",
              "onValidate": ""
            },
            "id": "time31953"
          }
        }
      ],
      "nodeList": [
        {
          "nodeId": "A9445c85e31de44a9adf7cb35c60fa260",
          "nodeName": "条件1",
          "nodeDisplay": "单选等于radio 3,多选等于check 1,check 3,下拉等于select 1",
          "nodeType": 3,
          "nodeFrom": "Abc9780ea872645bb8ac445260d539d1b",
          "nodeToList": [],
          "priorityLevel": 1,
          "nodeApproveList": [],
          "error": false,
          "isDefault": 0,
          "nodeTo": "",
          "conditionExpressionList": [
            {
              "fieldCode": "radio89829",
              "fullExpression": "radio89829 == 3"
            },
            {
              "fieldCode": "checkbox101425",
              "fullExpression": "checkbox101425 == 3,1"
            },
            {
              "fieldCode": "select25636",
              "fullExpression": "select25636 == 1"
            }
          ],
          "nodeObj": "{\"conditionList\":[{\"columnId\":\"radio89829\",\"columnType\":\"radio\",\"optType\":\"4\",\"value\":3,\"opt\":{\"name\":\"radio89829\",\"label\":\"单选\",\"labelAlign\":\"\",\"defaultValue\":null,\"columnWidth\":\"200px\",\"size\":\"\",\"displayStyle\":\"inline\",\"buttonStyle\":false,\"border\":false,\"labelWidth\":null,\"labelHidden\":false,\"disabled\":false,\"hidden\":false,\"optionItems\":[{\"label\":\"radio 1\",\"value\":1},{\"label\":\"radio 2\",\"value\":2},{\"label\":\"radio 3\",\"value\":3}],\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":\"\",\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onChange\":\"\",\"onValidate\":\"\"}},{\"columnId\":\"checkbox101425\",\"columnType\":\"checkbox\",\"optType\":\"4\",\"value\":[3,1],\"opt\":{\"name\":\"checkbox101425\",\"label\":\"多选\",\"labelAlign\":\"\",\"defaultValue\":[],\"columnWidth\":\"200px\",\"size\":\"\",\"displayStyle\":\"inline\",\"buttonStyle\":false,\"border\":false,\"labelWidth\":null,\"labelHidden\":false,\"disabled\":false,\"hidden\":false,\"optionItems\":[{\"label\":\"check 1\",\"value\":1},{\"label\":\"check 2\",\"value\":2},{\"label\":\"check 3\",\"value\":3}],\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":\"\",\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onChange\":\"\",\"onValidate\":\"\"}},{\"columnId\":\"select25636\",\"columnType\":\"select\",\"optType\":\"4\",\"value\":1,\"opt\":{\"name\":\"select25636\",\"label\":\"下拉\",\"labelAlign\":\"\",\"defaultValue\":\"\",\"placeholder\":\"\",\"columnWidth\":\"200px\",\"size\":\"\",\"labelWidth\":null,\"labelHidden\":false,\"disabled\":false,\"hidden\":false,\"clearable\":true,\"filterable\":false,\"allowCreate\":false,\"remote\":false,\"automaticDropdown\":false,\"multiple\":false,\"multipleLimit\":0,\"optionItems\":[{\"label\":\"select 1\",\"value\":1},{\"label\":\"select 2\",\"value\":2},{\"label\":\"select 3\",\"value\":3}],\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":\"\",\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onRemoteQuery\":\"\",\"onChange\":\"\",\"onFocus\":\"\",\"onBlur\":\"\",\"onValidate\":\"\"}}],\"sort\":1,\"isDefault\":0}",
          "property": {
            "conditionList": [
              {
                "columnId": "radio89829",
                "columnType": "radio",
                "optType": "4",
                "value": 3,
                "opt": {
                  "name": "radio89829",
                  "label": "单选",
                  "labelAlign": "",
                  "defaultValue": null,
                  "columnWidth": "200px",
                  "size": "",
                  "displayStyle": "inline",
                  "buttonStyle": false,
                  "border": false,
                  "labelWidth": null,
                  "labelHidden": false,
                  "disabled": false,
                  "hidden": false,
                  "optionItems": [
                    {
                      "label": "radio 1",
                      "value": 1
                    },
                    {
                      "label": "radio 2",
                      "value": 2
                    },
                    {
                      "label": "radio 3",
                      "value": 3
                    }
                  ],
                  "required": false,
                  "requiredHint": "",
                  "validation": "",
                  "validationHint": "",
                  "customClass": "",
                  "labelIconClass": null,
                  "labelIconPosition": "rear",
                  "labelTooltip": null,
                  "onCreated": "",
                  "onMounted": "",
                  "onChange": "",
                  "onValidate": ""
                }
              },
              {
                "columnId": "checkbox101425",
                "columnType": "checkbox",
                "optType": "4",
                "value": [
                  3,
                  1
                ],
                "opt": {
                  "name": "checkbox101425",
                  "label": "多选",
                  "labelAlign": "",
                  "defaultValue": [],
                  "columnWidth": "200px",
                  "size": "",
                  "displayStyle": "inline",
                  "buttonStyle": false,
                  "border": false,
                  "labelWidth": null,
                  "labelHidden": false,
                  "disabled": false,
                  "hidden": false,
                  "optionItems": [
                    {
                      "label": "check 1",
                      "value": 1
                    },
                    {
                      "label": "check 2",
                      "value": 2
                    },
                    {
                      "label": "check 3",
                      "value": 3
                    }
                  ],
                  "required": false,
                  "requiredHint": "",
                  "validation": "",
                  "validationHint": "",
                  "customClass": "",
                  "labelIconClass": null,
                  "labelIconPosition": "rear",
                  "labelTooltip": null,
                  "onCreated": "",
                  "onMounted": "",
                  "onChange": "",
                  "onValidate": ""
                }
              },
              {
                "columnId": "select25636",
                "columnType": "select",
                "optType": "4",
                "value": 1,
                "opt": {
                  "name": "select25636",
                  "label": "下拉",
                  "labelAlign": "",
                  "defaultValue": "",
                  "placeholder": "",
                  "columnWidth": "200px",
                  "size": "",
                  "labelWidth": null,
                  "labelHidden": false,
                  "disabled": false,
                  "hidden": false,
                  "clearable": true,
                  "filterable": false,
                  "allowCreate": false,
                  "remote": false,
                  "automaticDropdown": false,
                  "multiple": false,
                  "multipleLimit": 0,
                  "optionItems": [
                    {
                      "label": "select 1",
                      "value": 1
                    },
                    {
                      "label": "select 2",
                      "value": 2
                    },
                    {
                      "label": "select 3",
                      "value": 3
                    }
                  ],
                  "required": false,
                  "requiredHint": "",
                  "validation": "",
                  "validationHint": "",
                  "customClass": "",
                  "labelIconClass": null,
                  "labelIconPosition": "rear",
                  "labelTooltip": null,
                  "onCreated": "",
                  "onMounted": "",
                  "onRemoteQuery": "",
                  "onChange": "",
                  "onFocus": "",
                  "onBlur": "",
                  "onValidate": ""
                }
              }
            ],
            "sort": 1,
            "isDefault": 0
          }
        },
        {
          "nodeId": "A9fc9e7009cef4757840028bd587aa005",
          "nodeName": "条件2",
          "nodeDisplay": "其他条件进入此流程",
          "nodeType": 3,
          "nodeFrom": "Abc9780ea872645bb8ac445260d539d1b",
          "nodeToList": [],
          "priorityLevel": 2,
          "nodeApproveList": [],
          "error": false,
          "isDefault": 1,
          "nodeTo": "",
          "conditionExpressionList": [],
          "nodeObj": "{\"conditionList\":[],\"sort\":2,\"isDefault\":1}",
          "property": {
            "conditionList": [],
            "sort": 2,
            "isDefault": 1
          }
        },
        {
          "nodeId": "Abc9780ea872645bb8ac445260d539d1b",
          "nodeName": "网关",
          "nodeType": 4,
          "nodeFrom": "Adbff1961a33e4834814978cc2cbe0a3b",
          "nodeToList": [
            "A9445c85e31de44a9adf7cb35c60fa260",
            "A9fc9e7009cef4757840028bd587aa005"
          ],
          "error": true,
          "property": null,
          "nodeTo": "A9445c85e31de44a9adf7cb35c60fa260,A9fc9e7009cef4757840028bd587aa005"
        },
        {
          "nodeId": "Adbff1961a33e4834814978cc2cbe0a3b",
          "nodeName": "审批人",
          "nodeDisplay": "指定部门负责人",
          "nodeType": 2,
          "nodeFrom": "A92a1aecd83bc4e94866538bd9941c4be",
          "nodeToList": [
            "Abc9780ea872645bb8ac445260d539d1b"
          ],
          "directorLevel": 1,
          "countersignType": "1",
          "signType": 1,
          "noHeaderAction": 1,
          "btnPermission": {
            "$$$component&&&": ""
          },
          "error": false,
          "approvalUserType": "4",
          "approvalParams": "100001",
          "nodeTo": "Abc9780ea872645bb8ac445260d539d1b",
          "permiList": [],
          "nodeProperty": "4",
          "nodeObj": "{\"btnPermission\":{\"$$$component&&&\":\"\"},\"nodeApproveList\":[100001]}",
          "conditionExpressionList": []
        },
        {
          "nodeId": "A92a1aecd83bc4e94866538bd9941c4be",
          "nodeName": "表决人",
          "nodeDisplay": "指定成员",
          "nodeType": 5,
          "nodeFrom": "A9cb0da5f9a634977806ee2cac2d094fa",
          "nodeToList": [
            "Adbff1961a33e4834814978cc2cbe0a3b"
          ],
          "error": false,
          "ccFlag": 1,
          "property": {},
          // "vetoUsersList": [
          //   100001,
          //   100036
          // ],
          "votePassProportion": 65,
          "allowVeto": 1,
          "vetoUsers": "",
          "approvalUserType": "1",
          "approvalParams": "100001",
          "nodeTo": "Adbff1961a33e4834814978cc2cbe0a3b",
          "permiList": [],
          "nodeProperty": "1",
          "nodeObj": "{\"vetoUsersList\":[100001,100036],\"nodeApproveList\":[100001]}"
        },
        {
          "nodeId": "A9cb0da5f9a634977806ee2cac2d094fa",
          "nodeName": "申请人",
          "nodeDisplay": "所有人",
          "nodeType": 1,
          "nodeProperty": 1,
          "nodePropertyName": null,
          "nodeFrom": "",
          "nodeFromList": [],
          "nodeToList": [
            "A92a1aecd83bc4e94866538bd9941c4be"
          ],
          "conditionExpressionList": [],
          "nodeTo": "A92a1aecd83bc4e94866538bd9941c4be"
        }
      ],
      "category": "1",
      "processType": "1",
      "name": "333",
      "abbrNum": "222",
      "state": "1",
      "toMeeting": "1",
      "voteVisible": "1",
      "voteVisibleUser": [
        {
          "userId": 100001
        }
      ],
      "voteVisibleUsers": [
        100001
      ],
      "ccType": "1",
      "ccList": [
        {
          "roleId": 1
        }
      ],
      "ccRoleList": [
        1
      ],
      "useScope": [
        {
          "deptId": 34
        }
      ],
      "useScopes": [
        34
      ],
      "remark": "sddsdf",
      "ccUserList": [],
      "nullExceptionHand": "1",
      "nullExceptionHandUser": [],
      "resignExceptionHand": "1",
      "resignExceptionHandUser": [],
      "autoApproval": "1",
      "editPer": "1",
      "viewPer": "1",
      "submitPer": "1",
      "revokePer": "1",
      "signPer": "1",
      "approvalComment": "1",
      "eleSign": "1",
      "rejectPer": "1",
      "formJsonStr": "{\"widgetList\":[{\"key\":77160,\"type\":\"input\",\"icon\":\"text-field\",\"formItemFlag\":true,\"options\":{\"name\":\"name\",\"label\":\"姓名\",\"labelAlign\":\"\",\"type\":\"text\",\"defaultValue\":\"\",\"placeholder\":\"\",\"columnWidth\":\"200px\",\"size\":\"\",\"labelWidth\":null,\"labelHidden\":false,\"readonly\":false,\"disabled\":false,\"hidden\":false,\"clearable\":true,\"showPassword\":false,\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":[],\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"minLength\":null,\"maxLength\":null,\"showWordLimit\":false,\"prefixIcon\":\"\",\"suffixIcon\":\"\",\"appendButton\":false,\"appendButtonDisabled\":false,\"buttonIcon\":\"custom-search\",\"onCreated\":\"\",\"onMounted\":\"\",\"onInput\":\"\",\"onChange\":\"\",\"onFocus\":\"\",\"onBlur\":\"\",\"onValidate\":\"\",\"onAppendButtonClick\":\"\"},\"id\":\"input88243\"},{\"key\":93309,\"type\":\"date-range\",\"icon\":\"date-range-field\",\"formItemFlag\":true,\"options\":{\"name\":\"date\",\"label\":\"请假日期\",\"labelAlign\":\"\",\"type\":\"datetimerange\",\"defaultValue\":null,\"startPlaceholder\":\"\",\"endPlaceholder\":\"\",\"columnWidth\":\"200px\",\"size\":\"\",\"autoFullWidth\":true,\"labelWidth\":null,\"labelHidden\":false,\"readonly\":false,\"disabled\":false,\"hidden\":false,\"clearable\":true,\"editable\":false,\"format\":\"YYYY-MM-DD HH:mm:ss\",\"valueFormat\":\"YYYY-MM-DD HH:mm:ss\",\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":[],\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onChange\":\"\",\"onFocus\":\"\",\"onBlur\":\"\",\"onValidate\":\"\"},\"id\":\"daterange92292\"},{\"key\":28304,\"type\":\"textarea\",\"icon\":\"textarea-field\",\"formItemFlag\":true,\"options\":{\"name\":\"reason\",\"label\":\"请假事由\",\"labelAlign\":\"\",\"rows\":3,\"defaultValue\":\"\",\"placeholder\":\"\",\"columnWidth\":\"200px\",\"size\":\"\",\"labelWidth\":null,\"labelHidden\":false,\"readonly\":false,\"disabled\":false,\"hidden\":false,\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":[],\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"minLength\":null,\"maxLength\":null,\"showWordLimit\":false,\"onCreated\":\"\",\"onMounted\":\"\",\"onInput\":\"\",\"onChange\":\"\",\"onFocus\":\"\",\"onBlur\":\"\",\"onValidate\":\"\"},\"id\":\"textarea108580\"},{\"key\":70377,\"type\":\"number\",\"icon\":\"number-field\",\"formItemFlag\":true,\"options\":{\"name\":\"number76781\",\"label\":\"计数器\",\"labelAlign\":\"\",\"defaultValue\":0,\"placeholder\":\"\",\"columnWidth\":\"200px\",\"size\":\"\",\"labelWidth\":null,\"labelHidden\":false,\"disabled\":false,\"hidden\":false,\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":[],\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"min\":-100000000000,\"max\":100000000000,\"precision\":0,\"step\":1,\"controlsPosition\":\"right\",\"onCreated\":\"\",\"onMounted\":\"\",\"onChange\":\"\",\"onFocus\":\"\",\"onBlur\":\"\",\"onValidate\":\"\"},\"id\":\"number76781\"},{\"key\":70826,\"type\":\"radio\",\"icon\":\"radio-field\",\"formItemFlag\":true,\"options\":{\"name\":\"radio89829\",\"label\":\"单选\",\"labelAlign\":\"\",\"defaultValue\":null,\"columnWidth\":\"200px\",\"size\":\"\",\"displayStyle\":\"inline\",\"buttonStyle\":false,\"border\":false,\"labelWidth\":null,\"labelHidden\":false,\"disabled\":false,\"hidden\":false,\"optionItems\":[{\"label\":\"radio 1\",\"value\":1},{\"label\":\"radio 2\",\"value\":2},{\"label\":\"radio 3\",\"value\":3}],\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":\"\",\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onChange\":\"\",\"onValidate\":\"\"},\"id\":\"radio89829\"},{\"key\":26407,\"type\":\"checkbox\",\"icon\":\"checkbox-field\",\"formItemFlag\":true,\"options\":{\"name\":\"checkbox101425\",\"label\":\"多选\",\"labelAlign\":\"\",\"defaultValue\":[],\"columnWidth\":\"200px\",\"size\":\"\",\"displayStyle\":\"inline\",\"buttonStyle\":false,\"border\":false,\"labelWidth\":null,\"labelHidden\":false,\"disabled\":false,\"hidden\":false,\"optionItems\":[{\"label\":\"check 1\",\"value\":1},{\"label\":\"check 2\",\"value\":2},{\"label\":\"check 3\",\"value\":3}],\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":\"\",\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onChange\":\"\",\"onValidate\":\"\"},\"id\":\"checkbox101425\"},{\"key\":26873,\"type\":\"select\",\"icon\":\"select-field\",\"formItemFlag\":true,\"options\":{\"name\":\"select25636\",\"label\":\"下拉\",\"labelAlign\":\"\",\"defaultValue\":\"\",\"placeholder\":\"\",\"columnWidth\":\"200px\",\"size\":\"\",\"labelWidth\":null,\"labelHidden\":false,\"disabled\":false,\"hidden\":false,\"clearable\":true,\"filterable\":false,\"allowCreate\":false,\"remote\":false,\"automaticDropdown\":false,\"multiple\":false,\"multipleLimit\":0,\"optionItems\":[{\"label\":\"select 1\",\"value\":1},{\"label\":\"select 2\",\"value\":2},{\"label\":\"select 3\",\"value\":3}],\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":\"\",\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onRemoteQuery\":\"\",\"onChange\":\"\",\"onFocus\":\"\",\"onBlur\":\"\",\"onValidate\":\"\"},\"id\":\"select25636\"},{\"key\":83633,\"type\":\"time\",\"icon\":\"time-field\",\"formItemFlag\":true,\"options\":{\"name\":\"time31953\",\"label\":\"时间\",\"labelAlign\":\"\",\"defaultValue\":null,\"placeholder\":\"\",\"columnWidth\":\"200px\",\"size\":\"\",\"autoFullWidth\":true,\"labelWidth\":null,\"labelHidden\":false,\"readonly\":false,\"disabled\":false,\"hidden\":false,\"clearable\":true,\"editable\":false,\"format\":\"HH:mm:ss\",\"required\":false,\"requiredHint\":\"\",\"validation\":\"\",\"validationHint\":\"\",\"customClass\":\"\",\"labelIconClass\":null,\"labelIconPosition\":\"rear\",\"labelTooltip\":null,\"onCreated\":\"\",\"onMounted\":\"\",\"onChange\":\"\",\"onFocus\":\"\",\"onBlur\":\"\",\"onValidate\":\"\"},\"id\":\"time31953\"}],\"formConfig\":{\"modelName\":\"formData\",\"refName\":\"vForm\",\"rulesName\":\"rules\",\"labelWidth\":80,\"labelPosition\":\"left\",\"size\":\"\",\"labelAlign\":\"label-left-align\",\"cssCode\":\"\",\"customClass\":[],\"functions\":\"\",\"layoutType\":\"PC\",\"jsonVersion\":3,\"onFormCreated\":\"\",\"onFormMounted\":\"\",\"onFormDataChange\":\"\"}}"
    }
)

const tagList = []
const userList = [
  {
    "id": 100001,
    "parentId": 1,
    "label": "admin",
    "disabled": false,
    "level": null,
    "deptType": -1,
    "type": 2,
    "deptList": [
      {
        "createId": null,
        "updateId": null,
        "createBy": null,
        "createTime": null,
        "updateBy": null,
        "updateTime": null,
        "remark": null,
        "userId": null,
        "tenantId": null,
        "deptId": 1,
        "lableId": null,
        "categoryId": 1,
        "isHead": null,
        "parentId": null,
        "deptName": "平台组织",
        "ancestors": null,
        "deptLevel": null,
        "startDate": null,
        "endDate": null,
        "deptType": null,
        "logo": null,
        "deptCode": null
      }
    ],
    "startDate": null,
    "endDate": null,
    "categoryId": 1,
    "uuid": "55fb430ee32441a78a19db4b8bb23cd9",
    "value": 100001
  },
  {
    "id": 2,
    "parentId": 1,
    "label": "A公司",
    "disabled": true,
    "level": 2,
    "deptType": 2,
    "type": 1,
    "deptList": null,
    "startDate": "2025-03-05",
    "endDate": "2026-02-28",
    "categoryId": null,
    "children": [
      {
        "id": 100036,
        "parentId": 2,
        "label": "zhaowu",
        "disabled": false,
        "level": null,
        "deptType": -1,
        "type": 2,
        "deptList": [
          {
            "createId": null,
            "updateId": null,
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "remark": null,
            "userId": null,
            "tenantId": null,
            "deptId": 2,
            "lableId": null,
            "categoryId": 1,
            "isHead": null,
            "parentId": null,
            "deptName": "A公司",
            "ancestors": null,
            "deptLevel": null,
            "startDate": null,
            "endDate": null,
            "deptType": null,
            "logo": null,
            "deptCode": null
          }
        ],
        "startDate": null,
        "endDate": null,
        "categoryId": 1,
        "uuid": "f6b938ab7f5f4dab84422cfac01e2bd8",
        "value": 100036
      },
      {
        "id": 100037,
        "parentId": 2,
        "label": "zhangsan",
        "disabled": false,
        "level": null,
        "deptType": -1,
        "type": 2,
        "deptList": [
          {
            "createId": null,
            "updateId": null,
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "remark": null,
            "userId": null,
            "tenantId": null,
            "deptId": 2,
            "lableId": null,
            "categoryId": 1,
            "isHead": null,
            "parentId": null,
            "deptName": "A公司",
            "ancestors": null,
            "deptLevel": null,
            "startDate": null,
            "endDate": null,
            "deptType": null,
            "logo": null,
            "deptCode": null
          }
        ],
        "startDate": null,
        "endDate": null,
        "categoryId": 1,
        "uuid": "84bb754edbc64377831dd5966bde1c10",
        "value": 100037
      },
      {
        "id": 100002,
        "parentId": 2,
        "label": "manager",
        "disabled": false,
        "level": null,
        "deptType": -1,
        "type": 2,
        "deptList": [
          {
            "createId": null,
            "updateId": null,
            "createBy": null,
            "createTime": null,
            "updateBy": null,
            "updateTime": null,
            "remark": null,
            "userId": null,
            "tenantId": null,
            "deptId": 2,
            "lableId": null,
            "categoryId": 1,
            "isHead": null,
            "parentId": null,
            "deptName": "A公司",
            "ancestors": null,
            "deptLevel": null,
            "startDate": null,
            "endDate": null,
            "deptType": null,
            "logo": null,
            "deptCode": null
          }
        ],
        "startDate": null,
        "endDate": null,
        "categoryId": 1,
        "uuid": "4598a4fcda1148c8806ce7292ef306dc",
        "value": 100002
      },
      {
        "id": 4,
        "parentId": 2,
        "label": "A部门",
        "disabled": true,
        "level": 3,
        "deptType": 3,
        "type": 1,
        "deptList": null,
        "startDate": null,
        "endDate": null,
        "categoryId": null,
        "children": [
          {
            "id": 100005,
            "parentId": 4,
            "label": "maa",
            "disabled": false,
            "level": null,
            "deptType": -1,
            "type": 2,
            "deptList": [
              {
                "createId": null,
                "updateId": null,
                "createBy": null,
                "createTime": null,
                "updateBy": null,
                "updateTime": null,
                "remark": null,
                "userId": null,
                "tenantId": null,
                "deptId": 4,
                "lableId": null,
                "categoryId": 1,
                "isHead": null,
                "parentId": null,
                "deptName": "A部门",
                "ancestors": null,
                "deptLevel": null,
                "startDate": null,
                "endDate": null,
                "deptType": null,
                "logo": null,
                "deptCode": null
              }
            ],
            "startDate": null,
            "endDate": null,
            "categoryId": 1,
            "uuid": "de88113ababd4f7bad83a1942c3f56d2",
            "value": 100005
          }
        ],
        "uuid": "207f6fcc1bae4763ac051b07c0cbf358",
        "value": 4
      }
    ],
    "uuid": "8f171e9819a44e5a8634a1f6d86e391f",
    "value": 2
  },
  {
    "id": 3,
    "parentId": 1,
    "label": "B公司",
    "disabled": true,
    "level": 2,
    "deptType": 2,
    "type": 1,
    "deptList": null,
    "startDate": "2025-03-01",
    "endDate": "2025-03-27",
    "categoryId": null,
    "uuid": "b5f5a84117a743e2aba6d056b6c9ed90",
    "value": 3
  },
  {
    "id": 29,
    "parentId": 1,
    "label": "C公司",
    "disabled": true,
    "level": 2,
    "deptType": 1,
    "type": 1,
    "deptList": null,
    "startDate": "2025-03-19",
    "endDate": "2025-04-30",
    "categoryId": null,
    "children": [
      {
        "id": 31,
        "parentId": 29,
        "label": "C公司的子公司",
        "disabled": true,
        "level": 3,
        "deptType": 2,
        "type": 1,
        "deptList": null,
        "startDate": null,
        "endDate": null,
        "categoryId": null,
        "children": [
          {
            "id": 32,
            "parentId": 31,
            "label": "C公司的子公司的部门",
            "disabled": true,
            "level": 4,
            "deptType": 3,
            "type": 1,
            "deptList": null,
            "startDate": null,
            "endDate": null,
            "categoryId": null,
            "uuid": "ef25f0cc2a4c48c183e3197743d86bfd",
            "value": 32
          }
        ],
        "uuid": "ddad8079c4d842dd8221d2241ec01e9d",
        "value": 31
      }
    ],
    "uuid": "3a46f40143cd4e94ac4edfce2d16303a",
    "value": 29
  }
]
const getData = async () => {
  let res =  flow.value.getData()
  console.log(res);
}
</script>
<style scoped lang="css">
.container{
  height: 98vh;
}
</style>
